<template>
  <el-drawer title="页面样式设置" :visible.sync="show" size="14%"  :direction="direction" :before-close="handleClose">
    <slot />
  </el-drawer>
</template>

<script>
export default {
  name: "RightPanel",

  data() {
    return {
      show: this.$store.state.settings.set_show,
      direction: "rtl"
    };
  },
  watch: {
    "$store.state.settings.set_show": function(v) {
      this.show = v;
    }
  },
  mounted() {},

  methods: {
    handleClose(done) {
      this.$store.commit("set_show", false);
      done();
    }
  }
};
</script>


<style lang="scss" scoped>
// /deep/ .el-dialog__close{
//   // color:#72767b;
//   color:red;
// }
</style>
